<!DOCTYPE html>
<html>

	<head>
		  <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <style> html, body {
        height: 100%;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    #content {
        width: 90%;
        height: 100%;
        padding: 0;
        margin: 10px auto;
    } 
		
			img {
            width: 100%;
            height: 100%;
        }

        .videoItem {
            width: 100%;
        }

        .miaoshu {
            font-size: 14px;
            line-height: 24px;
            color: #595959;
        }
		.bofang{
			width: 50px;
			height: 50px;
			z-index: 99;
			pointer-events: none;
			 position: absolute;

		}
		.videoPost{
			opacity: 0.6;
		}
		.videoDiv{
			width:100%; text-align:center;
			position: relative;
			display: flex;align-items: center;justify-content: center;
		}
		
    </style>
	</head>

	<body>
		<div class="videoDiv">
		
			<img src="../img/bofang.png" alt="" class="bofang">
			<img class="videoPost" onclick="clicked('video','http://1301325388.vod2.myqcloud.com/aea92fccvodtranscq1301325388/bfeb46f25285890814020757859/v.f100030.mp4')"
			 src="../img/1612855967650900.jpg" />
		
		</div>
	
	
	
	
		<script type="text/javascript" charset="utf-8">
		
		//  var imgs = document.getElementsByTagName('img');
  //   for (var i in imgs) {
  //       var img = imgs[i];
  //       img.style.width = '100%';
  //       img.style.height = 'auto';
  //   }
		
		
		
		
		
		
		
		
		
			function clicked(type, src) {
				var data = {
					type: type,
					src: src

				};
				window.parent.postMessage({
					data: data
				}, '*');
			}
		</script>
	</body>

</html>
